<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
	<th:block th:include="include :: header('供应商联系人列表')" />
	<th:block th:include="include :: list-css" />
</head>
<body>
<div class="main-content">
	<div class="content-right">
		<div class="search-top">
			<span>查询条件</span>
			<a href="javascript:;" layadmin-event="flexible" class="menuBtn">
				<i class="layui-icon layui-icon-spread-left" id="LAY_app_flexible" style="color: #fff;"></i>
			</a>
		</div>
		<div class="panel layout-expand layui-expand-east">
		    <div class="panel-header">
		        <div class="panel-tool" style="text-align: center; width: 26px;height: 30px;line-height: 30px;">
		            <a href="javascript:;" layadmin-event="flexible" class="menuBtn">
		                <i class="layui-icon layui-icon-shrink-right" id="LAY_app_flexible" style="color: #fff;"></i>
		            </a>
		        </div>
		    </div>
		    <div class="panel-body panel-title" style="text-align: center; width: 26px;">查<br>询<br>条<br>件</div>
		</div>
       	<form class="layui-form">
			<th:block th:include="listinclude :: searchRight('page')" />
		</form>
   	</div>
    <div class="mid-content">
        <table class="layui-hide" id="dhtable" lay-filter="ftable"></table>
    </div>
</div>
 <th:block th:include="include :: footer" />
<th:block th:include="include :: searchJS" />
<th:block th:include="listinclude :: list-templeat" />
<script th:inline="javascript">
 	/*<![CDATA[*/
	var prefix = ctx + "crm/providerpersion",
		gridColumns = [[${gridColumns}]],
		moduleTable = [[${moduleTable}]];
	/*]]>*/
</script>
<script type="text/javascript">
var $,layer,form,table,wherestr={};
layui.use(['table','form','layer','jquery'], function () {
     $ = layui.$,layer = layui.layer,form = layui.form,table = layui.table;
     serachRender();//查询条件初始渲染集合
     $.tablelist.init({
         elem: '#dhtable'
	     ,modalName: "供应商联系人"
         ,url: prefix + '/list'
         ,initSort: {field: 'createTime',type: 'asc'}
         ,totalRow: gridColumns.totalRow
		 ,cols: [gridColumns.gridBody
  		]
  		,toolbar: true
        ,defaultToolbar:[{title:'列设置',layEvent: 'fieldSet',icon: 'layui-icon-set'}]
        ,height:'full-36'
     });
	//监听排序事件 
	table.on('sort(ftable)', function(obj){
		$.tablelist.sort('dhtable',obj);
	});
 	//头工具栏事件
 	table.on('toolbar(ftable)', function(obj){
 		switch(obj.event){
 			case 'fieldSet':
 				filedSet(moduleTable);
 			break;
 		};
 	});
});
 </script>
</body>
</html>